<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

  <title></title>
  <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=8" />
  <link href="styles/default.css" rel="stylesheet" type="text/css" />
  <script type="text/javascript" src="scripts/template.js"></script>
  <script type="text/javascript" src="scripts/login.js"></script>
  <script type="text/javascript" src="scripts/date.format.js"></script>
  <script type="text/javascript" src="scripts/devicetabs.js"></script>
  <script type="text/javascript" src="scripts/device.js"></script>
  <script type="text/javascript" src="sql/devicedal.js"></script>
  <script type="text/javascript" src="scripts/command.js"></script>
  <script type="text/javascript" src="sql/devicechanneldal.js"></script>
  <script type="text/javascript" src="sql/commandsdal.js"></script>
  <script type="text/javascript" src="scripts/channelsstatistics.js"></script>
  <script type="text/javascript" src="jsolait/jsolait.js"></script>
  <script type="text/javascript" src="scripts/common.js"></script>
  <script type="text/javascript" src="scripts/appsettings.js"></script>
  <script type="text/javascript" src="scripts/common.js"></script>
  <script type="text/javascript" src="graphics/raphael/raphael.js"></script>
  <script type="text/javascript" src="graphics/raphael/chart/g.raphael.js"></script>
  <script type="text/javascript" src="graphics/raphael/chart/g.bar.js"></script>
  <script type="text/javascript" src="sql/devicechanneldal.js"></script>
  <!--[if (lte IE 6)|(gte IE 8)]>
  <style type="text/css">
     #outer {height:100%;display:table;}
  </style>
  <![endif]-->

</head>

<body onload="InitChannelsStatisticsPage();">

<div id="outer">
    <div id="inner">
        <div id="header"></div>

        <div id="content">
           	<div id="columnB"></div>

        <!-- START PAGE CONTENT -->
        
        	<div id="columnA">
		    <h2>Device Details</h2>
		    
		    <table cellpadding="0" cellspacing="0" border="0"><tr><td>
		    
            <table cellpadding="0" cellspacing="0" width="900px" border="0">
              <tr align="center">
		          <td width="70px" id="tab0"></td>
    		      <td width="60px" id="tab1"></td>
	   	          <td width="110px" id="tab2"></td>
  	   	          <td width="120px" id="tab3"></td>
   	              <td width="110px" id="tab4"></td>
		          <td width="130px" id="tab5"></td>
		          <td width="100px" id="tab6"></td>
		          <td class="tabButton">&nbsp;</td>
		      </tr>
		    </table> 
		    <table cellpadding="0" cellspacing="0" class="containerDiv" width="900px">
	       	   <tr>
		      	 <td colspan="2" align="left">
			     	<table width="100%" cellpadding="0" cellspacing="0">
				    	<tr>								
					       	<td class="windowHeader"></td>
    					</tr>
	       			</table>
	   	       	</td>
    		  </tr>
    		  
    		  <tr>		   	    
			    <td colspan="1" class="labels" align="left">
    			   <strong>EUI-64 Address: </strong><span id="spnEUI64"></span><br />
   			   	   <strong>Device Role: </strong><span id="spnDeviceRole"></span><br />
			    </td>
			    <td colspan="1" align="right" valign="top">
			        <input type="button" id="btnBack" value='Back' class="buttonFilter" onclick="BackButtonClicked();" />
			    </td>			    
		      </tr>
              
              <tr><td colspan="2"><hr /></td></tr>
              
              <tr>
                <td class="labels" colspan="1"  align="left">
                    <strong>Last refreshed on UTC: </strong><span id="spnRefreshDate"></span>
                </td>
	            <td colspan="1"  align="right">
	                <input type="button" id="btnRefresh" name="btnRefresh" value='Refresh' class="buttonFilter" onclick="RefreshPage();" />
	            </td>
              </tr>
		      <tr>
		        <td class="spacer" colspan="2"> </td>
		      </tr>
		      
		      <tr align="center">
                <td colspan="2">
                    <div id="channelsStatistics" style="position:relative;left:0px;top:0px;width:800px;height:260px;z-index:0;overflow:auto;" class="containerDiv"></div>
                    <!--div id="channelsStatistics" style="position:relative;left:0px;top:0px;width:860px;height:350px;z-index:2;overflow:auto;" class="containerDiv"></div-->
                </td>
              </tr>
	          <tr>
			    <td class="spacer" colspan="2"></td>
		      </tr>
            </table>
		    </td>
            </tr>
	        <tr>
			  <td class="spacer" colspan="2"></td>
		    </tr>
		    </table>
		    
		  	</div>
		  	
        <!-- END PAGE CONTENT -->

        </div>
    </div>
</div>

<div id="footer"></div>

</body>
</html>
